@charset "utf-8";
.cls { zoom: 1 }
.cls:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.link:hover { text-decoration: underline }
hr { height: 0; border-left: none; border-right: 0; border-top: 1px dashed #2d2f34; border-bottom: 1px dashed #474954 }
.wrapper { width: 960px !important; margin: 0 auto; line-height: 28px;background-color: #f8f8f8; }
.content { width: 100%; min-height: 720px; padding: 0px;}
.content .wrapper { position: relative; padding: 50px 20px 30px; margin-bottom: 20px;}
.content .light { position: absolute; left: 55px; top: -50px; width: 152px; height: 191px; }
.content .light i { position: absolute; width: 100%; height: 100%; top: 0;}
.content .main { background: url(../images/line-bg.jpg) repeat-y 249px 0 }
.content .main .title a{ position: absolute; z-index: 999; line-height: 40px; padding-left: 67px; margin-left: 3px; left: 230px; top: 0; color: #3da1eb; font-size: 24px; font-weight: 400; background: url(../images/clock.jpg) no-repeat left top }
.content .main .year { position: relative; z-index: 100 }
.content .main .year h2 { height: 40px; width: 170px; padding-right: 30px; font-size: 24px; line-height: 40px; text-align: right }
.content .main .year h2 a { color: #3da1eb }
.content .main .year h2 i { display: block; position: relative; height: 0; width: 0; left: 190px; top: -20px; border-width: 6px; border-style: solid; border-color: #59a7fb transparent transparent transparent; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform-origin: 6px 3px; -moz-transform-origin: 6px 3px; -ms-transform-origin: 6px 3px; -o-transform-origin: 6px 3px; transform-origin: 6px 3px }
.content .main .year .list { margin: 10px 0; position: relative; overflow: hidden; -webkit-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; -moz-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; -ms-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; -o-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s }
.content .main .year .list ul { bottom: 0 }
.content .main .year .list ul li { background: url(../images/circle.jpg) no-repeat 235px 31px; padding: 30px 0; color: #797979; margin-left: 4px; }
.content .main .year .list ul li .date, .content .main .year .list ul li .version { float: left; display: block; clear: left; width: 200px; line-height: 24px; text-align: right }
.content .main .year .list ul li .date { font-size: 18px; line-height: 32px; color: #bdbdbd; }
.content .main .year .list ul li .intro, .content .main .year .list ul li .more { float: left; display: block; width: 400px; margin-left: 100px; line-height: 24px }
.content .main .year .list ul li .intro a{ font-size: 18px; line-height: 32px; color: #ff7713; }
.content .main .year .list ul li.highlight { }
.content .main .year .list ul li.highlight .date, .content .main .year .list ul li.highlight .intro { color: #ec6a13 }
.content .wrapper:first-child .main .year.close h2 i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg) }
.content .wrapper:first-child .main .year.close .list { opacity: 0; height: 0 !important }
.wrapper h1 { font-size: 24px; font-weight: bold; padding-bottom: 30px; width: 960px; margin: 0 auto; }
.wrapper h2 { font-size: 16px; font-weight: bold; color: #232528; padding-top: 20px; padding-bottom: 20px; width: 960px; margin: 0 auto; }
.wrapper p { font-size: 16px; width: 960px; margin: 0 auto; text-indent: 32px;}
.wrapper p img { max-width: 910px; }
/*.wrap a.c-white { display: none; }
.wrap .fr { display: none; }*/
.footer { border-top: none; }



